<template>
  <div id="common-tab">
    <van-tabbar
    route
    active-color="#ff734c"
    inactive-color="#333"
    >
      <van-tabbar-item to="/home" icon-prefix="icon" icon="biaoqiankuozhan_shouye-356
  ">首页</van-tabbar-item>
      <van-tabbar-item to="/cate" icon-prefix="icon" icon="fenlei">分类</van-tabbar-item>
      <van-tabbar-item to="/cart" :badge="$store.state.cart.items.length||'' " icon-prefix="icon" icon="gouwuche">购物车</van-tabbar-item>
      <van-tabbar-item to="/user" icon-prefix="icon" icon="wode">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<style lang="scss" scoped>
#common-tab{
  /deep/ .icon{
    font-size: 22px;
  }
}
</style>
